@charset "UTF-8";

* {
     margin: 0;
     padding: 0;
}

a {
     color: #8FC2FF;
     text-decoration: none;
     outline: none;
}

img {
     border: none;
}

body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
     font-size: 10pt;
     overflow: hidden;
     color: #4d4d4d;
}

/*<Menú y cabecera/>*/

a.logo {
     display: block;
     width: 25%;
     height: 125px;
     float: left;
}

div.menu {
     background: url("../img/logo.png") no-repeat scroll 25px 40px transparent;
     height: 125px;
     z-index: 4;
     width: 100%;
     position: relative;
}

#gmenu {
     position: absolute;
     left: 300px;
     top: 40px;
     cursor: pointer;
}

ul.topnav {
     list-style: none;
     background: transparent url(../img/fndmenu.png);
     position:absolute;
     top: 40px;
     left: 321px;	
     width: 100%;
}

ul.topnav li {
     margin: 0;
     padding: 0;
     position: relative; /*--Declare X and Y axis base for sub navigation--*/
     z-index: 4;
     float: left;
     height: 50px;
}

ul.topnav li a{
     padding: 16px 0px;
     color: #4d4d4d;
     display: block;
     text-decoration: none;
     z-index: 4;
}

ul.topnav li a:hover{
     color: #ff0000;
     cursor: pointer;
}


/* sub-menus*/
ul.topnav ul {
     padding: 0px; 
     margin: 0px;
     display: block;
     display: inline;
     -moz-box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow: 0px 7px 3px rgba(0,0,0,0.35);
     box-shadow: 0px 7px 3px rgba(0,0,0,0.35);
     border-bottom-right-radius: 20px;
     -moz-border-radius-bottomright: 20px;
     -webkit-border-bottom-right-radius: 20px;
     border-bottom-left-radius: 20px;
     -moz-border-radius-bottomleft: 20px;
     -webkit-border-bottom-left-radius: 20px;
     background: transparent url(../img/fndmenu.png);
}

ul.topnav li ul { 
     position: absolute; 
     left: -30px; 
     top: 0px; 
     margin-top: 50px; 
     width: 200px; 
     /*background: transparent url(../img/fndmenu.png);*/
     color: #0395CC;
     /* for IE */ 
     display: none;
}

ul.topnav li:hover ul { 
     display:block;
}

ul.topnav li ul li {
     display: block; 
     /*margin: 5px 20px; 
     padding: 5px 0px;  */
    list-style-type:none; 
     float: none;
     height: 35px;
}

ul.topnav li ul li a {
     padding: 10px 0 !important;
     width: 100%;
     text-align: center;
}

/* esquinas */
.semiesqizq{ 
     position: absolute;
     top: 0px;
     left: -9px;
}

.semiesqdch{
     position: absolute;
     top: 0px;
     left: 200px;
}

ul.topnav li ul li.last { 
     background: transparent none repeat scroll 0% 0%; 
     margin: 0px; 
     padding: 0px;
     border: none; 
     position: relative;
     border: none;
     height: 0px;
}

.esqizq { 
     position: absolute;
     left: 0px; 
     top: 0px;
}

.esqdch { 
     position: absolute;
     left: 140px;
     top: 0px;
}

.medio {
     background: transparent url(../img/fndmenu.png);
     position: absolute;
     left: 10px;
     height: 10px; 
     width: 130px; 
     top: 0px;
}

a.actual {
     color: #ed1c24 !important;
}

a.anterior {
     color: #656263 !important;
}


a.anterior:hover, .actual:hover {
     color: #FF0000 !important;
}
/*
li.primero {
     padding-left: 20px !important;
}

li.ultimo {
     padding-right: 20px !important;
}
*/
span.puntos {
     color: #909090;
}

span.puntos.primero {
     padding-left: 10px;
}

/*</Menú y cabecera>*/


/*<Cinta media/>*/

.medioband {
     top: 120px;	
}

div.contenedor {
     padding:  5px 10px;
 }

/* Barra de repliegue */
img#inibanmed {
     position: absolute;
     left: 254px;
     top: 120px;
     /*width: 20px;*/<   
     cursor: pointer;	
     z-index: 3;
}

div#froja {
     height: 100%;
     width: 100%;
     background: transparent url(../img/flecharoja.png) center center no-repeat;
}

/*
img#esqsup {
     vertical-align: top;
}

img#esqinf {
     vertical-align: bottom;
}
*/

div#barra {
     background: transparent url(../img/fndmenu.png);
}

div.contenido {
     overflow: auto;
}

div.contenido span#inds {
     overflow: auto;
     height: 100%;
     width: 41%;
     float: left;
     padding-right: 10px;
}

.corporate {
     background: transparent url(../img/fndcorp.png);
     color: #081750;
     padding: 10px !important;
    /*width: 42% !important;*/
     height: 94% !important;
}

.origen {
     background: transparent url(../img/origen.png) !important;
}
     
.filosofia {
     background: transparent url(../img/filosofia.png) !important;
}

.metodo {
     background: transparent url(../img/metodo.png) !important;
}

.corporate a {
     color: #014efb;
}
     
div#fotos {
     /*border: 1px solid black;*/
     display: block;
     float: left;
     height: 99%;
     width: 400px;
}

.fotoscorp {
     width: 55% !important;
}

#slider {
     position: relative;
     background: url(../img/superbgloading.gif) no-repeat 50% 50%;
}

#slider img {
     position: absolute;
     top: 0px;
     left: 0px;
     display: none;
}

/*</Cinta media>*/


/*<Cinta inferior/>*/

#contentframe, #promo {
     position: absolute;
     left: 275px;
     overflow: hidden;
     height: 100px;
     text-align: left;
     background: transparent url(../img/fndmenu.png);
     width: 100%;
     z-index: 3;
}

#promo {
     height: 360px !important;
}

#barra {
     height: 320px !important;
}

.bottomband {
     bottom: 5%;
}

/* Botón de repliegue de banda inferior */
#iniband {
     position: absolute;
     left: 254px;
     cursor: pointer;
     bottom: 5%;
}

#contentframe img {
     margin: 9px 10px 5px 0px;
}

#scrollpane {
     margin: 0 auto;
     width: 90%;
     overflow: hidden;
}

a.thumba {
     display: block; 
     width: 120px; 
     height: 75px;
     border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
     border: 3px solid #DFB426;
     float: left;
     margin: 10px 10px 0 0;
}

a.activeslide { 
     border-color: #ffffff;
}

a.activeslide img{ 
     border-color: #ffffff;
}

img.thumb {
     border: 3px solid #DFB426;
}

div.flechas {
     display: block;
     position: absolute;
     top: 30px;
     width: 31px;
     height: 35px;
     cursor: pointer;
     width: 35px;
     height: 100px;
     top: 0px;
}

div.flechas.izq{
     background: transparent url(../img/flechaizq.png) center left no-repeat;	
}

div.flechas.der{
     background: transparent url(../img/flechader.png) center right no-repeat;	
}

/*</Cinta inferior>*/


/*<Botones adelante/atrás/>*/

#prev {
     background: none;
     height: 100%;
     top: 0;
     left: 0;
     width: 50%;
     position: absolute;
     display: block;
     cursor: pointer;
}

.prev_bg {
     background:  url("../img/prev.png") no-repeat scroll 10% center transparent !important;
}

#next {
     background:  none;
     height: 100%;
     top: 0;
     left: 50%;
     width: 50%;
     position: absolute;
     display: block;
     cursor: pointer;
}

.next_bg {
     background:  url("../img/next.png") no-repeat scroll 90% center transparent !important;
}

/*</Botones adelante/atrás>*/


/*<Leyenda fotos/>*/

#showtitle {
     z-index: 3;
     position: absolute;
     bottom: 0px;
     left: 0px;
     background: transparent none;
     display: none !important; /* Ahí va el logo reinicio.net; deshabilita leyenda de fotos por el momento */
     color: #3c2420;
     padding: 15px;
     /*height: 55px;*/
     width: 180px;
     /*margin-left: 20px;*/
}

#showtitle:hover {
     background: transparent url(../img/fndmenu.png);
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-top-right-radius: 20px;
     -moz-border-radius-topright: 20px;
     border-top-right-radius: 20px;
}

/*</Leyenda fotos>*/


/*<SuperBGImage/>*/

#aux {
     height: 100px;
}

#overlay {
     position: absolute;
     left: 20px;
     top: 20px;
     color: #fff;
     padding: 10px;
     background: #000;
     width: 255px;
     border-top: solid 1px #d4d4d4;
     border-left: solid 1px #d4d4d4;
     border-right: solid 1px #666;
     border-bottom: solid 1px #666;	
     z-index:1;
}

a.activeslide img{ 
     border-color: #ffffff;
}

#superbgimage {
     display: none;
     background: #fff url('../img/superbgloading.gif') center center no-repeat;
}

#superbgimage img {
     image-rendering: optimizeQuality;
     -ms-interpolation-mode: bicubic;
}

/*</SuperBGImage>*/

/*<Contenido promos/>*/
div.titulo {
     position: relative; 
     margin: 10px  0 0 15px;
     border: 1px solid #c6c6c6; 
     width: 87%;
     color: #ff0000;
     font-size: 110%;
}

div.contenido {
     position: relative; 
     margin: 10px  15px; 
     border: 1px solid #c6c6c6; 
     width: 87%;
     display: none;
     float: left;
     height: 305px;
}

div.contenido.activo {
     display: block;
}

.noovfl {
     overflow: hidden !important;
}

.corpor {
     width: 97% !important;
}

ul.navi {
     list-style: none;
     position: absolute;
     top: 15px;
     width: 58px;
     display: none;
}

ul.navi li a {
     color: #111111;
     display: block;
     text-decoration: none;	
     width: 100%;
     margin-bottom: 10px;
     text-align: center;
     height: 58px;
}

a.ds.inactiva {
     background: transparent url('../img/ds.png') center center no-repeat;
}

a.ds.inactiva:hover, a.ds {
     background: transparent url('../img/dsh.png') center center no-repeat;
     cursor:pointer;
}

a.mp.inactiva {
     background: transparent url('../img/mp.png') center center no-repeat;
}

a.mp.inactiva:hover, a.mp {
     background: transparent url('../img/mph.png') center center no-repeat;
     cursor:pointer;
}

a.pl.inactiva {
     background: transparent url('../img/pl.png') center center no-repeat;
}

a.pl.inactiva:hover, a.pl {
     background: transparent url('../img/plh.png') center center no-repeat;
     cursor:pointer;
}

a.cl.inactiva {
     background: transparent url('../img/cl.png') center center no-repeat;
}

a.cl.inactiva:hover, a.cl {
     background: transparent url('../img/clh.png') center center no-repeat;
     cursor:pointer;
}

a.pd.inactiva {
     background: transparent url('../img/pd.png') center center no-repeat;
}

a.pd.inactiva:hover, a.pd {
     background: transparent url('../img/pd.png') center center no-repeat;
     cursor:pointer;
}

a.ds, a.mp, a.pl, a.cl, a.pd {
     cursor: default;
}


p.vendida {
     background: transparent url('../img/vendida.png') center center no-repeat;
     position: absolute;
     bottom: 0;
     right: 0;
     width: 150px;
     height: 113px;
}

div.planocont {
     width: 585px;
     margin: 0 auto;
}

div.zoom {
     display: none;
}

div#zoom {
     z-index: 10;
     overflow: hidden;
}



/*</Contenido promos>*/

div.wait {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 80%;
     display: none;
     background: transparent url('../img/superbgloading.gif') center center no-repeat;
     z-index: 20;
}

div.contenido span ul {
     margin-left: 15px;
}

div#cor {
     position: relative;
     top: -40px;
     width: 350px;
     margin: 0px auto;
     display: none;
     background: transparent url(../img/fndmenu.png);
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     z-index: 150;
     padding: 10px;
}

textarea#id_texto {
     height: 100px;
}

div#cor ul 
{
     list-style: none;
     margin: 15px;
}

div#cor ul li{
     margin-bottom: 15px;
     width: 300px;
}

div#cor input {
     margin: 0 auto;
}

div.avoverlay {
     display: none;
     position: absolute;
     top: 0px;
     width: 100%;
     height: 100%;
     background: transparent url(../img/fndcorp.png);
     z-index: 145;
}

table#form  tr td{
     padding: 4px;
}

p.req:after {
	font-style: italic;
     font-size: 70%;
	content: " (obligatorio)";
}

p.error {
     color: #cb3030cor;
}

div#cuestionario {
     border: 1px solid #aaa;
     background-color: #eee;
     margin: 15px auto;
     padding: 20px;
     -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     box-shadow:1px 3px 5px rgba(0, 0, 0, 0.35);
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     width: 75%;
}

div#cuestionario h4 {
     margin: 20px 0 10px 0;
}

div#cuestionario h5 {
     margin: 0 0 10px 0;
}

div#cuestionario ul {
     list-style: none;  
     margin-bottom: 15px;
}

div#cuestionario ul li {
     float: left;
     margin-right: 15px;
}

div#cuestionario textarea {
     height: 100px;
     width: 80%;
     margin: 0 0 15px 0;
}

div#cuestionario p {
     margin: 10px;
}

div#cuestionario .submit {
     padding: 4px;
     margin: 15px;
}

div#cuestionario ul.errorlist li {
     color: #F00;
     font-size: 10px;
}

div.barcont {
     margin: 10px 5px 5px 5px;
     border: 1px solid #666;
}

div.barperc {
     padding: 2px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
     white-space: nowrap;
}

a.reinicio {
     position: absolute;
     bottom: 3px;
     left: 0px;
     margin-left: 25px;
}

a.reinicio img {  
     width: 130px;
     height: 27px;
}

div.comment {
     font-style: italic;
     font-size: 90%;
     margin-top: 10px;
}